/*初始样式*/

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/

body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}

a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

/*a:hover { text-decoration:underline;}*/

img{border:none;}



.vam { vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }

h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}



.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

i,em{ font-style:normal;}

.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}

.clearfix{zoom:1;}

/* -- 页面整体布局 -- */

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}





.tit{text-align: center;font-weight: normal;}

.tit span{display: block;font-size: 45px;color: #000;line-height: 45px;}

.tit i{display: block;font-size: 24px;color: #000;line-height: 24px;padding-top: 22px;}





/*banner*/

.banner{position: relative;}

.banner li{width: 100%;}

.banner li img{display: block;width: 100%;}

.banner .content{position: relative;}

.ban_pg{position: absolute;left: 0;bottom: 105px;height: 16px;z-index: 10;width: 100%;text-align: center;}

.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 15px;vertical-align: top;}

.ban_pg i.on{background: #1b599f;}





/*yz*/

.yz{height: 75px;position: relative;}

.yz_sz{position: absolute;width: 1200px;padding: 0 100px;height: 150px; background: #fff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.16);left: 50%;bottom: 0;margin-left: -700px;z-index: 20;}

.yz li{float: left;height: 150px;position: relative;margin-right: 169px;transition: all 0.5s;}

.yz li:last-child{margin-right: 0;}

.yz li b{display: block;font-size: 24px;color: #000;line-height: 24px;height: 40px;margin: 34px 0 18px;}

.yz li i,.yz li em{display: inline-block;font-size: 55px;line-height: 40px;vertical-align: bottom;font-family: Arial;color: #1b599f;}

.yz li p{font-size: 14px;color: #08182F;line-height: 14px;}

.yz li:hover{transform: translateY(-10px);}

.yz li:hover em,.yz li:hover i{color: #E89214;}





/*fea*/

.fea{padding: 70px 0;}

.fea_desc{font-size: 16px;color: #000;line-height: 30px;text-align: center;width: 990px;margin: 22px auto 52px;font-weight: normal;}

.fea li{float: left;width: 33.3%;text-align: center;transition: all 0.5s;}

.fea li img{display: block;height: 117px;margin: 0 auto 32px;}

.fea li p{font-size: 24px;color: #000;font-weight: bold;line-height: 24px;}

.fea li:hover{transform: translateY(-10px);}

.fea li:hover img{animation: flipInY 1s;}







/*pro*/

.pro{padding: 60px 0 0;background: #f5f5f5;}

.pro_ctg{margin: 30px auto 34px;width: 1200px;height: 152px;background: url(../image/pro_y.png) no-repeat bottom center;position: relative;}

.pro_ctg li{float: left;width: 400px;margin-right: 1px;}

.pro_ctg li:last-child{width: 398px;margin-right: 0;}

.pro_ctg li h3{background: #1b599f;position: relative;}

.pro_ctg li h3 a{display: block;height: 67px;line-height: 67px;font-size: 20px;color: #fff;font-weight: bold;padding: 0 30px;background: url(../image/pro_jt.png) no-repeat 330px center;}

.pro_ctg li h3 img{vertical-align: top;margin: 18px 18px 0 0;}

.pro_erji{display: none;position: absolute;width: 100%;left: 0;top: 67px;height: 76px;line-height: 76px;background: #fff;padding: 0 35px;box-sizing: border-box;}

.pro_erji a{float: left;font-size: 16px;color: #656565;}

.pro_erji i{float: left;font-size: 16px;color: #dedede;padding: 0 20px;}

.pro_erji i.none{display:none;}

.pro_erji a:hover{color: #1b599f;}

.pro_erji .more{float: right;font-size: 16px;color: #1b599f;}

.pro_ctg li.cur h3{background: #e89214;}

.pro_ctg li.cur h3:after{position: absolute;border: 10px solid transparent;border-top-color: #e89214;content: "";left: 44px;bottom: -18px;z-index: 1;}

.pro_ctg li.cur .pro_erji{display: block;}



.pro1{height: 600px;overflow: hidden;}

.pro1 dt{float: left;width: 968px;height: 600px;margin-left: -360px;position: relative;}

.pro1 .pro_use{position: absolute;left: 300px;bottom: 0;height: 205px;}

.pro_use h3{font-size: 24px;color: #fff;line-height: 24px;height: 52px;position: relative;margin-bottom: 24px;}



.pro_use h3:after{position: absolute;width: 53px;height: 3px;content: "";left: 0;bottom: 0;background: #fff;}

.pro_use p{font-size: 14px;color: #fff;line-height: 26px;}

.pro_use p i{padding: 0 10px;}

.pro1 dd{float: right;width: 592px;height: 600px;text-align: right;}

.pro dd b{font-size: 40px;line-height: 40px;color: #0e0e0c;margin-top: 20px; display: block;}

.pro dd b a{color: #0e0e0c;}

.pro1 .pro_desc{font-size: 16px;color: #797979;line-height: 29px;padding: 20px 0 0;height: 90px;position: relative;}



.pro1 .pro_desc span{margin-left: 18px;}

.pro_list{width: 800px;height: 335px;padding: 10px;box-sizing: border-box;background: #fff;    box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.15);position: relative;z-index: 10;}

.pro_list li{float: left;width: 240px;padding: 6px 9px 0;height: 307px;border: 1px solid #dedede;margin-right: -1px;}

.pro_list li i{display: block;height: 240px;overflow: hidden;}

.pro_list li img{width: 240px;height: 180px;transition: all 0.5s;}

.pro_list li span{display: block;height: 68px;line-height: 68px;font-size: 16px;color: #000;font-weight: bold;text-align: left;background: url(../image/pro_jt2.png) no-repeat right center;}

.pro_list li i:hover img{transform: scale(1.05);}

.pro_list li:hover span{background: url(../image/pro_jt3.png) no-repeat right center;}



.pro2{height: 600px;overflow: hidden;background: #fff;}

.pro2 dt{float: right;width: 952px;height: 600px;margin-right: -360px;position: relative;}

.pro2 .pro_use{position: absolute;right: 360px;bottom: 0;height: 200px;width: 334px;}

.pro2 dd{float: left;width: 608px;height: 510px;padding-top: 90px;}

.pro2 .pro_desc{font-size: 16px;color: #797979;line-height: 26px;margin: 20px 0 12px;}

.pro2 .pro_desc span{margin-right: 20px;}



.pro3{padding: 77px 0 90px;}

.pro3 dl{position: relative;height: 590px;overflow: hidden;}

.pro3 .pro_use{position: absolute;left: 48px;bottom: 0;height: 235px;width: 500px;}

.pro3 .pro_use h3{height: 70px;font-size: 40px;line-height: 40px;}

.pro3 .pro_use p em{font-size: 20px;font-weight: bold;}

.pro3 dd{position: absolute;width: 544px;right: 70px;bottom: 112px;}

.pro3 .pro_list{width: 540px;}

@media screen and (min-width:1600px) {

    .pro1 .pro_use{left: 180px;}

}





/*cess*/

.cess{padding: 80px 0 0;height: 740px;background: url(../image/8c7d53232a334b8fad1f9ceb6a97c5af_44.jpg) no-repeat center 0;}

.cess h2{margin-bottom: 50px;}

.cess ul{height: 460px;overflow: hidden;}

.cess li{float: left;width: 200px;margin-bottom: 40px;}

.cess li span{display: block;height: 154px;width: 135px;margin: 0 auto;position: relative;}

.cess li em,.cess li i{position:absolute;width:100%;height:100%;top:0;left:0; -webkit-transition:all .5s linear;transition:all .5s linear;text-align: center;font-size: 0;}

.cess li em{background: url(../image/8c7d53232a334b8fad1f9ceb6a97c5af_46.png) no-repeat center;}

.cess li em img{height: 40px;padding: 57px 0;}

.cess li i{opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}

.cess li i:after{position: absolute;width: 100%;height: 100%;content: "";background: url(../image/8c7d53232a334b8fad1f9ceb6a97c5af_52.png) no-repeat;left: 0;top: 0;}

.cess li:hover i{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

.cess li:hover em{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.cess li p{font-size: 14px;color: #333;font-weight: bold;text-align: center;line-height: 14px;padding-top: 14px;}

.cess_txt{float: left;margin-left: 125px;}

.cess_txt p{font-size: 14px;color: #282828;line-height: 24px;}

.cess_txt b{display: block;font-size: 14px;color: #141414;line-height: 34px;margin-top: 20px;}

.cess_txt b i{display: inline-block;padding-left: 32px;background: url(../image/8c7d53232a334b8fad1f9ceb6a97c5af_50.png) no-repeat left center;margin-right: 20px;}

.cess .tel{float: right;padding-left: 75px;background: url(../image/8c7d53232a334b8fad1f9ceb6a97c5af_48.png) no-repeat left center;}

.cess .tel em{display: block;font-size: 29px;color: #E89214;line-height: 76px;font-family: Arial;}





/*ys*/

.ys{padding: 90px 0 0;}

.ys_t{height: 73px;margin-top: 54px;border-top: 1px solid #d1d7e1;}

.ys_t li{float: left;height: 58px;line-height: 58px;font-size: 24px;color: #2e2e2e;text-align: center;width: 212px;margin-right: 35px;font-weight: bold;transition: all 0.3s;}

.ys_t li:last-child{margin-right: 0;}

.ys_t li i{display: inline-block;height: 32px;overflow: hidden;vertical-align: top;margin: 13px 16px 0 0;}

.ys_t li.on{background: #e89214;color: #fff;}

.ys_t li.on img{transform: translateY(-32px);transition: all 0.3s;}

.ys_bd dl{padding-bottom: 124px;position: relative;background: url(../image/ys_y.png) no-repeat bottom center;}

.ys_bd dt img{display: block;width: 100%;}

.ys_bd dd{position: absolute;width: 1200px;padding: 0 100px;left: 50%;margin-left: -700px;bottom: 20px;height: 210px;background: #fff;}

.ys_txt{float: left;width: 520px;height: 210px;}

.ys_txt dt{height: 111px;margin-bottom: 6px;font-weight: normal;}

.ys_txt span em{float: left;width: 117px;text-align: center;height: 111px;background: #1b599f;margin-right: 14px;margin-left: -29px;}

.ys_txt span em img{padding-top: 26px;}

.ys_txt span b{display: block;font-size: 30px;color: #1c1b1b;line-height: 30px;padding: 30px 0 0;}

.ys_txt span i{display: block;font-size: 12px;color: #bbb;line-height: 44px;font-family: Arial;text-transform: uppercase;}

.ys_txt p{font-size: 16px;color: #666;line-height: 30px;width:560px;}

.ys_pic{float: right;margin-top: 32px;margin-right: 70px;}

.ys_pic i{display: inline-block;height: 149px;overflow: hidden;margin-left: 20px;}

.ys_pic img{width: 265px;height: 149px;transition: all 0.5s;}

.ys_pic i:hover img{transform: scale(1.05);}

.ys_con{position: relative;}

.ys_con .prev{position: absolute;left: 50%;margin-left: 558px;bottom: 79px;z-index: 10;}

.ys_con .next{position: absolute;left: 50%;margin-left: 558px;bottom: 126px;z-index: 10;}





/*case*/

.case{padding: 100px 0 0;}

.case_t{height: 80px;border-top: 1px solid #ccc;margin-top: 32px;}

.case_t a{float: left;width: 150px;height: 60px;line-height: 60px;font-size: 18px;color: #282828;text-align: center;transition: all 0.3s;}

.case_t a:hover,.case_t a.on{background: #e89214;color: #fff;}

.case_con{position: relative;}

.case_con dl{position: relative;float: left;width: 1200px;margin-right: 120px;}

.case_con dt img{display: block;width: 1200px;height: 600px;opacity: 0.1;}

.case_con dd{display: none;position: absolute;width: 480px;height: 270px;background: #fff;left: 0;top: 165px;padding: 0 26px;box-sizing: border-box;}

.case_con dd span{font-size: 30px;color: #141414;line-height: 30px;padding: 55px 0 25px;background: url(../image/case_line.png) no-repeat left bottom; display:block;}

.case_con dd span a{color: #141414;}

.case_con dd span i{font-size: 22px;font-weight: normal;margin-left: 8px;}

.case_con dd p{font-size: 14px;color: #141414;line-height: 24px;padding: 15px 0 18px;}

.case_con .prev{position: absolute;width: 100px;height: 20px;left: 28px;bottom: 208px;z-index: 10;}

.case_con .next{position: absolute;width: 100px;height: 20px;left: 140px;bottom: 208px;z-index: 10;}

.case_con .tempWrap{overflow: visible !important;}

.case_con dl.cur dd{display: block;}

.case_con dl.cur dt img{opacity: 1;}





/*coop*/

.coop{padding: 35px 0 50px;}

.coop li{float: left;width: 210px;margin-right: 37.5px;padding-top: 25px;}

.coop li p{height: 100px;text-align: center;border: 1px solid #E4E4E4;overflow: hidden;margin-bottom: 25px;}

.coop li img{height: 100px;filter: grayscale(100%);}

.coop .tempWrap{width: 100% !important;}

.coop li p:hover{border-color: #fff;    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.14);}

.coop li p:hover img{filter: grayscale(0);}





/*news*/

.news{padding: 90px 0;background: #f5f5f5;}

.news tit{margin-bottom: 40px;}

.new_con{width: 575px;}

.new_con li{height: 37px;font-size: 17px;color: #333;line-height: 25px;}

.new_con li img{float: left;margin-right: 10px;}

.new_con li i{float: right;color: #666;text-transform: uppercase;font-weight: normal;}

.new_con dt{height: 324px;overflow: hidden;}

.new_con dt img{width: 575px;height: 324px;transition: all 0.5s;}

.new_con dt:hover img{transform: scale(1.05);}

.new_con dd{height: 100%;border-bottom: 1px solid #e0e0e0;}

.new_con dd i{float: left;width: 60px;padding-right: 12px;height: 56px;text-align: center;border-right: 1px solid #ccc;margin: 18px 18px 0 0;font-size: 15px;color: #999;line-height: 20px;font-family: Arial;}

.new_con dd i em{display: block;font-size: 34px;line-height: 24px;padding-bottom: 14px;color: #222;}

.new_con dd span{font-size: 17px;color: #222;line-height: 36px;padding-top: 14px;font-weight: normal;}

.new_con dd span a,.new_list p a{color: #222;}

.new_con dd p{font-size: 14px;color: #999;line-height: 32px;}

.new_list p{height: 40px;line-height: 40px;border-bottom: 1px solid #e0e0e0;font-size: 14px;}

.new_list p i{float: right;color: #999;}

.new_con dd h4:hover a,.new_list p:hover a{color: #1b599f;}





/*abt*/

.abt{padding: 129px 0 96px;background: url(../image/abt_bg.jpg) no-repeat center 0;}

.abt dt{height: 120px;}

.abt_con{height: 502px;background: #fff; width: 1200px; padding: 0 45px;margin: 493px auto 0;  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);}

.abt_con span{font-size: 22px;color: #282828;line-height: 22px;text-align: center;font-weight: normal;padding: 46px 0 28px; display:block;}

.abt_desc{font-size: 14px;color: #282828;line-height: 26px;text-align: center;opacity: 0.6;width: 1076px;margin: 0 auto 40px;}

.qyfc_t{float: left;width: 202px;}

.qyfc_t a{display: block;height: 60px;background: #ebebeb;margin-bottom: 1px;padding: 12px 0 0 32px;box-sizing: border-box;border-left: 4px solid #ebebeb;font-size: 20px;color: #292d33;line-height: 20px;position: relative;transition: all 0.3s;}

.qyfc_t a i{display: block;font-size: 12px;opacity: 0.25;line-height: 24px;}

.qyfc_t a.on{background: #1b599f;color: #fff;border-color: #e89214;}

.qyfc_t a.on:after{position: absolute;width: 25px;height: 25px;content: "";background: url(../image/abt_jt.png) no-repeat;top: 16px;right: -11px;}

.qyfc_con{float: right;width: 960px;}

.qyfc_list li{float: left;width: 234px;margin-right: 8px;}

.qyfc_list li img{display: block;width: 100%;max-height:200px;}

.qyfc_list li span{display: block;font-size: 16px;color: #292d33;text-align: center;line-height: 16px;padding-top: 38px;}

.qyfc_list .tempWrap,.hn_list .tempWrap{width: 100% !important;}

.hn_list li{float: left;width: 180px;margin-right: 15px;}

.hn_list li img{display: block;width: 100%;}

.hn_list li span{display: block;font-size: 16px;color: #292d33;text-align: center;line-height: 16px;padding-top: 20px;}



.links{height: 80px;line-height: 80px;background: #082350;}

.links a{font-size: 14px;color: #fff;opacity: 0.6;margin-right: 50px;}